<div class="el-select" (click)="toggleHandle($event)">

    <div class="el-select__tags el-select__tags__padding" *ngIf="multiple && model && model.length" #tags>
        <el-tag *ngFor="let tag of multipleLabels; let i = index" [closable]="!disabled" [size]="size"
            (close)="changeLabel(tag, model[i])" type="info">
            {{tag}}
        </el-tag>
    </div>
    <el-input iconClass="el-select__caret" #input [model]="selectedLabel"
        [placeholder]="multiple ? multiplePlaceholder : placeholder" [name]="name" [size]="size" [disabled]="disabled"
        [readonly]="readonly">
        <ng-template #suffix>
            <i *ngIf="isClearable()" [class]="'el-select__caret el-input__icon  el-icon-circle-close' "
                (click)="clearSelected($event)"></i>
            <i *ngIf="!isClearable()" [class]="'el-select__caret el-input__icon ' +iconClass "></i>
        </ng-template>
    </el-input>

    <ng-container>
        <el-select-dropdown [isActived]="dropdownActive">
            <ul class="el-scrollbar__view el-select-dropdown__list">
                <ng-content></ng-content>
            </ul>
        </el-select-dropdown>
    </ng-container>

</div>